.CSS1 .uicSeatMapLegend_galley {
background:  #8AAED3 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/galley.gif) 50% 50% no-repeat;
}
.CSS1 .uicSeatMapLegend_toilet {
background:  #8AAED3 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/toilets.gif) 50% 50% no-repeat;
}
.CSS1 .uicSeatMapLegend_disabled {
background:  #8AAED3 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/disabled.gif) 50% 50% no-repeat;
}
.CSS1 .uicSeatMapLegend_emergencyExit {
text-align: center;
color: white;
background-color: #FFAFAF;
}
.CSS1 .uicSeatMapLegend_generalFacility {
text-align: center;
color: white;
background-color: #8AAED3;
}
.CSS1 .uicSeatMapLegend_verticalSquare {
width: 17px;
height: 20px;
display:block;
}
.CSS1 .uicSeatMapLegend_horizontalSquare {
width: 20px;
height: 17px;
display:block;
}
.CSS1 .legendItem .priceRangeExpensive {
color: ;
}
.CSS1 .legendItem .priceRangeMedium {
color: ;
}
.CSS1 .legendItem .priceRangeCheap {
color: ;
}



/**
plnextv2.components.catalogServices.desktop.styles.DPriceBreakdown
**/
.CSS2 .breakdownContainer {
margin: 10px auto;
position: relative;
width: 100%;
z-index: 0;
}
.CSS2 .breakdownContainer .title {
font-size: 15px;
font-weight: bold;
}
.CSS2 .primaryCurrency {
font-weight: bold;
}
.CSS2 .breakdown table {
width: 100%;
}
.CSS2 .breakdown .itinerary {
margin: auto;
border-top: 1px solid #CCCCCC;
}
.CSS2 .breakdown .itinerary.first {
border: medium none;
}
.CSS2 .itinerary td {
padding: 2px;
}
.CSS2 .emptyMessage {
font-size: 15px;
font-weight: bold;
padding: 10px;
text-align: center;
}
.CSS2 .totalPrice {
border-bottom: 1px solid;
border-top: 1px solid;
margin: 10px auto;
}
.CSS2 .totalPrice td {
font-size: 1.3em;
}
.CSS2 .totalPrice .title {
font-weight: bold;
width: 65%;
}
.CSS2 td.category {
width: 17%;
}
.CSS2 td.cityPair {
width: 32%;
}
.CSS2 td.value {
width: 17%;
}
.CSS2 td.currency {
width: 17%;
}
.CSS2 td.view {
width: 16%;
}
.CSS2 td.delete {
width: 1%;
}


/**
custom.components.servicesBreakdown.desktop.styles.CustomDServicesBreakdownStyle
**/


.servicesbreakdown #not-carried-over-serv-warning span{
color: #ce0058;
}

.servicesbreakdown #not-carried-over-serv-warning p {
margin-left: 20px;
}

.servicesbreakdown #not-carried-over-serv-warning i {
float: left;
font-size: 15px;
margin-top: 2px;
}

.servicesbreakdown.panel h2,
.servicesbreakdown.panel h4,
.servicesbreakdown-panel-body h3,
.servicesbreakdown-seat-name,
.servicesbreakdown-bound-category-elem,
.servicesbreakdown-segment-category-elem,
.servicesbreakdown-itinerary-category,
.servicesbreakdown-other-category {
font-family: 'Roboto Black', sans-serif;
}

.service-breakdown-item-currency,
.servicesbreakdown-seat-value,
.servicesbreakdown-seat-emd,
.service-breakdown-item-price,
.servicesbreakdown-panel-body h3 time.services-breakdown-begin-date,
.servicesbreakdown-panel-body h4 time.services-breakdown-begin-date {
font-family: 'Roboto Regular', sans-serif;
}

.servicesbreakdown-service-new,
.service-breakdown-item-price,
.servicesbreakdown-total-price-value .service-breakdown-item-currency {
font-weight: 900;
}

.servicesbreakdown.panel h2 {
font-size: 18px;
}

.servicesbreakdown.panel h4,
.servicesbreakdown-panel-body h3 {
font-size: 16px;
}

.servicesbreakdown.panel h4::first-letter,
.servicesbreakdown-panel-body h3::first-letter {
text-transform: uppercase;
}

.service-breakdown-item-price,
.servicesbreakdown-total-price-value {
font-size: 14px;
}

.servicesbreakdown-service-new,
.servicesbreakdown-total-price-text {
text-transform: uppercase;
}

.servicesbreakdown-total-price-text,
.servicesbreakdown-new-total-price-text,
.servicesbreakdown-already-paid-text,
.servicesbreakdown-balance-text {
float: left;
}

.servicesbreakdown-total-price-value,
.servicesbreakdown-new-total-price-value,
.servicesbreakdown-balance-value,
.servicesbreakdown-already-paid-value,
.servicesbreakdown-cash-paid-value,
.servicesbreakdown-miles-paid-value,
.servicesbreakdown-miles-info-value {
float: right;
}

.servicesbreakdown.panel ul {
margin-bottom: 0;
}

.servicesbreakdown-panel-body hr {
margin-top: 15px;
margin-bottom: 15px;
}

.servicesbreakdown.panel h2 {margin-top: 0;margin-bottom: 0;background-image: url(../icon1.png);background-size:25px;padding-left: 35px;background-repeat:no-repeat;background-position:2px;}

.servicesbreakdown-panel-body h3 {
margin-top: 0;
margin-bottom: 15px;
}

.servicesbreakdown-panel-body h3.servicesbreakdown-total-price {
margin-bottom: 0;
}

.servicesbreakdown.panel h4.servicesbreakdown-segment-header {
margin-top: 15px;
margin-bottom: 10px;
text-transform: none;
}

.servicesbreakdown-header-icon {display: inline;margin-right: 10px;display: none;}

.servicesbreakdown-panel-heading {
padding: 20px;
background: #ececec;
}

.servicesbreakdown-panel-body {padding: 0 20px;}

.servicesbreakdown-footer {
border-top: none;
}

.servicesbreakdown-segment{
margin-left:  15px
}

.servicesbreakdown-category-icon,
.servicesbreakdown-segment-category-icon {
margin-right: 5px;
display: inline-block;
min-width: 15px;
}

.servicesbreakdown-service-price {
text-align: right;
}

.servicesbreakdown-service-new {
margin-left: 15px;
margin-right: 15px;
}

.servicesbreakdown-service-new.new-servicing-flow {
color: #ce0058;
margin: 0;
}

.servicesbreakdown-total-price .previous-price {
text-decoration: line-through;
}

.servicesbreakdown-total-price.servicesbreakdown-header {
margin-top: 0;
}

.services-paid-with-miles .servicesbreakdown-already-paid-value {
text-decoration: line-through;
}

.row.services-paid-with-miles {
margin-top: 20px;
margin-bottom: 10px;
}

.services-paid-with-miles h3 {
margin-top: 10px;
margin-bottom: 0px;
}

section[data-page-name="MDFSR"] .servicesbreakdown-miles-info-value {
display: none;
}

.servicesbreakdown-total-price-miles p,
.servicesbreakdown-new-total-price {
margin: 0;
}

.servicesbreakdown-total-cash-value,
.servicesbreakdown-total-miles-value,
.servicesbreakdown-total-saved-value {
text-align: right;
margin-bottom: 5px;
display: block;
}

.servicesbreakdown-total-saved-value {
font-size: 75%;
}

.servicesbreakdown-balance{
margin-top: 10px;
}

.servicesbreakdown-footer .icon-service {
margin-right: 0.5em;
}

.servicesbreakdown-total-price-miles {
text-align: right;
float: right;
background-color: #f0f0f0;
padding: 10px;
}

ul.servicesbreakdown-segment-list.servicesbreakdown-list,
ul.servicesbreakdown-bound-list.servicesbreakdown-list,
ul.servicesbreakdown-segment-category-list.servicesbreakdown-category-list,
ul.servicesbreakdown-bound-category-list.servicesbreakdown-category-list {
-webkit-padding-start: 0px;
padding-left: 0px;
margin-left: 0px;
}

ul.servicesbreakdown-itinerary-list.servicesbreakdown-list,
ul.servicesbreakdown-segment-list.servicesbreakdown-list,
ul.servicesbreakdown-bound-list.servicesbreakdown-list,
ul.servicesbreakdown-other-list.servicesbreakdown-list {
padding-left: 22.5px;
}

.servicesbreakdown-category-list.new-servicing-flow > li {
margin-top: 10px;
padding-left: 15px;
border-left: 1px solid #bcbcbc;
}

.servicesbreakdown-category-list.new-servicing-flow > ul {
padding-left: 15px;
border-left: 1px solid #bcbcbc;
}

ul.servicesbreakdown-other-list.servicesbreakdown-list.new-servicing-flow {
padding-left: 15px;
border-left: 1px solid #bcbcbc;
}

.servicesbreakdown-other-category.new-servicing-flow {
padding-left: 15px;
border-left: 1px solid #bcbcbc;
}

.service-breakdown-item-currency {
margin: 0 0.4em;
font-size: 80%;
}

button.space-buttons{
margin: 5px;
}

.servicesbreakdown-bound-header-from-to {
margin-bottom: 5px;
}

.servicesbreakdown-header i {
display: inline-block;
}

.servicesbreakdown-total-price.servicesbreakdown-header.new-servicing-flow {

padding: 20px;
background-color: #f8f8f8;
margin: 0;
text-transform: uppercase;
font-weight: bold;

}

.servicesbreakdown-balance.servicesbreakdown-header.new-servicing-flow {

padding: 20px;
background-color: #f8f8f8;
margin: 0;
text-transform: uppercase;
font-weight: bold;

}

.servicesbreakdown-remove-btn {
background-color: #FFFFFF;
border: 0;
text-decoration: underline;
padding-right: initial;
}

.servicesbreakdown-remove-btn:hover {
text-decoration: none;
}

@media only screen and (max-width: 479px) {
.servicesbreakdown-panel-heading {
padding: 20px 10px;
}

.servicesbreakdown-panel-body {
padding: 20px 10px;
}

.servicesbreakdown-total-price.servicesbreakdown-header.new-servicing-flow {
padding: 20px 10px;
}

.servicesbreakdown-balance.servicesbreakdown-header.new-servicing-flow {
padding: 20px 10px;
}
}



.service_details_info_TS_text,
#sliding-panel-tripSummaryDialog .service_details_info_text { display:none; }
#sliding-panel-tripSummaryDialog .service_details_info_TS_text{
display:block;
}

.servicesbreakdown-segment-category-icon.icon-seat {
color: #DA291C;
margin-left: 20px;
}
div.service_details_info_div {
padding-bottom: 10px;
}
div.catalogServices-teaser {
padding: 0;
}
span.teaserDescription {
padding-left: 0;
}
div.catalogServices-teaser h3.catalogServices-teaser-title {
margin: 0;
}
div.servicesbreakdown-text.servicesbreakdown-no-services.servicesbreakdown-bound-no-services {
margin-left: 22px;
}
div.flight-change-warning p {
margin: 0 0 15px 15px;
}
.servicesbreakdown-panel-body.panel-body > h3 {
margin-top: 10px;
}


.btn {
overflow: hidden;
position: relative;
}

.uxd-ink {
display: block;
position: absolute;
background: rgba(0,0,0,.3);
border-radius: 100%;
transform: scale(0);
margin: 0!important;
padding: 0!important
}

.btn-primary .uxd-ink {
background: rgba(255,255,255,.5);
}

.uxd-ink.uxd-animate {
-webkit-animation: uxd-ripple-animation .45s linear;
-o-animation: uxd-ripple-animation .45s linear;
animation: uxd-ripple-animation .45s linear
}

.uxd-ripple-animation 100% {
opacity: 0;
transform: scale(2.5)
}

@-webkit-keyframes uxd-ripple-animation {
100% {
opacity: 0;
transform: scale(2.5)
}
}

@keyframes uxd-ripple-animation {
100% {
opacity: 0;
transform: scale(2.5)
}
}


.page-actions-bar .row {
margin-left: 0;
margin-right: 0;
}


button.btn.btn-primary, button.btn.btn-secondary, button.btn.btn-tertiary,
button.btn.btn-default {
max-width: 100%;
white-space: normal;
word-break: break-word;
}


button.btn.btn-primary i {
padding-right: 6px;
}

button.btn.btn-primary i + span + i {
padding: 0 0 0 6px;
}


button.btn.btn-default i, button.btn.btn-default span,
button.btn.btn-secondary i, button.btn.btn-secondary span {
padding-right: 6px;
}

button.btn.btn-default i + span + i, button.btn.btn-default span + span + span,
button.btn.btn-secondary i + span + i, button.btn.btn-secondary span + span + span {
padding: 0 0 0 6px;
}

button.btn.btn-default > *, button.btn.btn-secondary > *,
button.btn.btn-primary > *, button.btn.btn-tertiary > * {

float: none;
display: table-cell;
white-space: normal;
word-break: break-word;
vertical-align: middle;
}


@media (max-width: 479px){
button.btn.btn-default, button.btn.btn-tertiary, button.btn.btn-secondary,
button.btn.btn-primary.small-primary {
display: inline-block;
width: 100%;
text-align: center;
}

button.btn.btn-default, button.btn.btn-tertiary > *, button.btn.btn-secondary > *,
button.btn.btn-primary.small-primary > *{
display: inline-block;
margin: 0;
}

button.btn.btn-default, button.btn.btn-tertiary > span, button.btn.btn-secondary > span,
button.btn.btn-primary.small-primary > span {
width: auto;
}
}

button.btn.btn-tertiary.calendarmatrix-modifydates-btn > * {
display: inline-block;
}


/**
plnextv2.modules.COMMON.timeout.desktop.styles.TimeoutStyle
**/



.timeout-warning .timeout-warning-content h2,
.timeout-alert .timeout-alert-content h2 {
margin-top: 0;
}

.timeout-warning button,
.timeout-alert button {
margin-top: 5px;
}

button.btn.btn-primary .timeout-warning-btn-reset-session-text,
button.btn.btn-primary .timeout-alert-btn-availability-text,
button.btn.btn-primary .timeout-alert-btn-start-over-text {
white-space: normal;
word-break: normal;
vertical-align: middle;
}


/**
plnextv2.styles.Common
**/







.left-divider {
padding-left: 20px;
border-left: 1px solid #f0f0f0;
}
.right-divider {
padding-right: 20px;
border-right: 1px solid #f0f0f0;
}

select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
background-repeat: no-repeat ;
}


select.form-control::-ms-expand {
display: none;
}

label.control-label{
margin-bottom:0;
}
label.control-label.mandatory-label {
font-weight:700;
}

.anchor[tabindex] {

}


.main-icon {
font-size: 2.5em;
display: inline-block;
margin: 0 0.5em 0 0.3em;
color: #dfdfdf;
}

.heading-icon {
font-size: 1.7em;
margin-left: 0.3em;
}


a {
text-decoration:underline;
}


select.form-control {
background-image: url("https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/resources/img/corner.png");
background-position: right bottom;
background-image: none\9;
}


.btn {
overflow: hidden;
position: relative;
}

.uxd-ink {
display: block;
position: absolute;
background: rgba(0,0,0,.3);
border-radius: 100%;
transform: scale(0);
margin: 0!important;
padding: 0!important
}

.btn-primary .uxd-ink {
background: rgba(255,255,255,.5);
}

.uxd-ink.uxd-animate {
-webkit-animation: uxd-ripple-animation .45s linear;
-o-animation: uxd-ripple-animation .45s linear;
animation: uxd-ripple-animation .45s linear
}

.uxd-ripple-animation 100% {
opacity: 0;
transform: scale(2.5)
}

@-webkit-keyframes uxd-ripple-animation {
100% {
opacity: 0;
transform: scale(2.5)
}
}

@keyframes uxd-ripple-animation {
100% {
opacity: 0;
transform: scale(2.5)
}
}


.page-actions-bar .row {
margin-left: 0;
margin-right: 0;
}


button.btn.btn-primary, button.btn.btn-secondary, button.btn.btn-tertiary,
button.btn.btn-default {
max-width: 100%;
white-space: normal;
word-break: break-word;
}


button.btn.btn-primary i {
padding-right: 6px;
}

button.btn.btn-primary i + span + i {
padding: 0 0 0 6px;
}


button.btn.btn-default i, button.btn.btn-default span,
button.btn.btn-secondary i, button.btn.btn-secondary span {
padding-right: 6px;
}

button.btn.btn-default i + span + i, button.btn.btn-default span + span + span,
button.btn.btn-secondary i + span + i, button.btn.btn-secondary span + span + span {
padding: 0 0 0 6px;
}

button.btn.btn-default > *, button.btn.btn-secondary > *,
button.btn.btn-primary > *, button.btn.btn-tertiary > * {

float: none;
display: table-cell;
white-space: normal;
word-break: break-word;
vertical-align: middle;
}


@media (max-width: 479px){
button.btn.btn-default, button.btn.btn-tertiary, button.btn.btn-secondary,
button.btn.btn-primary.small-primary {
display: inline-block;
width: 100%;
text-align: center;
}

button.btn.btn-default, button.btn.btn-tertiary > *, button.btn.btn-secondary > *,
button.btn.btn-primary.small-primary > *{
display: inline-block;
margin: 0;
}

button.btn.btn-default, button.btn.btn-tertiary > span, button.btn.btn-secondary > span,
button.btn.btn-primary.small-primary > span {
width: auto;
}
}

button.btn.btn-tertiary.calendarmatrix-modifydates-btn > * {
display: inline-block;
}


/**
plnextv2.components.breadCrumb.desktop.styles.DBreadCrumbStyle
**/


.bread-crumb-container {

padding:0;

/* background-color: #005eb8; */

color: #FFFFFF;
}

.bread-crumb-component {/* background-color: #005eb8; */color: #FFFFFF;}

.bread-crumb-component .title-container {
padding: 20px;
}

.bread-crumb-component .title-container.has-steps {
padding: 20px 20px 0 20px;
}

.bread-crumb-component .title-container .bread-crumb-title {
margin:0;
font-family: "Roboto Black";
text-transform: uppercase;
font-weight:700;
}

.bread-crumb-component h1.bread-crumb-title span.subtitle {
font-family: "Roboto Light";
}

.bread-crumb-component .steps-container {
display:table;
width: 100%;
padding: 0 0 0 20px;
border-spacing: 10px 0;
}

.bread-crumb-component .steps-container ol {
margin:0;
padding:0;
display:table-row;
counter-reset: li;
}

.bread-crumb-component .steps-container ol > li {
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
counter-increment: li;
text-align: center;
text-shadow: 1px 1px rgba(0,0,0,0.6);
line-height:74px;
padding: 0 10px 0 10px;
font-family: "Roboto Light";
}

.bread-crumb-component .steps-container ol > li > i {
margin-right: .5em;
}

.bread-crumb-component .steps-container ol > li:before {text-shadow: none;content: counter(li) '';margin-right: .5em;border-radius: 1em;font-family: sans-serif;/* border: 1px solid #fff; */width: 2em;height: 2em;line-height: 2em;display: inline-block;font-weight:bold;}

.bread-crumb-component .steps-container ol > li.current {
border-bottom: 5px solid #FFFFFF;
font-family: "Roboto Black";
}

.bread-crumb-component .steps-container ol > li.current strong{
border-bottom: 1px solid #FFFFFF;
}

.bread-crumb-component .steps-container ol > li.current:before {/* background-color: #FFFFFF; */color:#000000;}


@media only screen and (max-width: 599px){

.bread-crumb-component .title-container .bread-crumb-title {
font-size:16px;
}

.bread-crumb-component .steps-container {
table-layout:fixed;
margin-top:20px;
font-size:12px;
}

.bread-crumb-component .steps-container ol > li {
line-height: 1.833em;
padding-bottom: 15px;
}

.bread-crumb-component .steps-container ol > li:before {
margin: auto;
display: block;
padding: 0;
}
}


@media only screen and (min-width: 600px) and (max-width: 991px) {

.bread-crumb-component .title-container .bread-crumb-title {
font-size:18px;
}

.steps-container {
table-layout:fixed;
}
}

.bread-crumb-component .spacer {
clear: both;
height: 0;
}


/**
custom.components.catalogServices.desktop.styles.CustomDCatalogServicesStyle
**/

.catalogServices-title-icon {margin-right: 10px;/* margin-left: 0; *//* background-image: url(../icon1.png); *//* background-size: cover; *//* background-color: #fff; *//* width: 100px; */display: none;/* height: 30px; */}

.catalogServices-page-title {
margin-top: 20px;
margin-bottom: 10px;
}

.catalogServices-teaser-title-text i {
float: right;
padding: 0px 5px;
}

.catalogServices-teasers-container > .row {
margin-left: -5px;
margin-right: -5px;
}

.catalogServices-teaser-column {
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

.catalogServices-highlightteasers-container .catalogServices-teaser {
background-color: #767676;
border: solid 5px #767676;
color: #FFFFFF;
}

.catalogServices-highlightteasers-container .btn-secondary {
color: #FFFFFF;
}

.catalogServices-teaser {width: 100%;height: 220px;cursor: pointer;background-color: #FFFFFF;padding: 10px;overflow: hidden;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);box-shadow: 1px 1px 2px rgba(0,0,0,0.25);}

.catalogServices-teaser-container {
display: block;
}

.catalogServices-teaser .catalogServices-teaser-title {
word-wrap: break-word;
padding: 0;
margin: 0 0 15px 0;
font-weight: 700;
}

.catalogServices-teaser .catalogServices-teaser-title-button {
border: 0px;
background-color: transparent;
padding: 3px;
width: 100%;
text-align: left;
}

.catalogServices-teasers-container a {
color: inherit;
display: block;
}

.catalogServices-dialog-content {
padding: 0px 15px 10px 15px;
}

.catalogServices-modal-content {
padding: 0px 0px 0px 0px;
}

.catalogServices-category-price {


float: left;
text-decoration: none;
font-weight: 700;
margin-bottom: 20px;
}

.catalogServices-btn-delete {
float: right;
}

.catalogServices-btn-delete-icon {
text-decoration: underline;
font-size: 1.8rem;
border: none;
padding: 1px;
box-shadow: none;
background: none;
}

.catalogServices-btn-delete-icon:hover{
text-decoration:none;
background:none;
border:none;
box-shadow: none;
}

.catalogServices-teaser-column button {
text-decoration: none;
}


.catalogServices-teaser-column a:focus, .catalogServices-dialog-header {
outline: none;
}

.catalogServices-highlightteasers-container .catalogServices-teaser-column:hover .catalogServices-teaser {
background-color: #616161;
}

.catalogServices-teaser-column:hover .catalogServices-teaser, .catalogServices-teaser-column a:focus .catalogServices-teaser{
background: #f0f0f0;
}

span.teaserDescription {
padding-left:7.5px;
padding-right:7.5px;
text-decoration: none;
}

.container-discount-image {
position: relative;
overflow: hidden;
display: inline-block;
}

.discount-container-overlay .container-discount-image:before {
content: "\e628";
position: absolute;
right: -5px;
font-family: 'NewUI-icons';
top: -38px;
right: -14px;
font-size: 90px;
color: #c30054;
}

.old-price {
margin-right: 3px;
}


.old-price.line-through {
text-decoration: line-through;
color: #c30054;
}

.old-price .old-price-inner {
color: #3f3f3f;
}

.quota-container-overlay .service-quota-information {
margin-left: 10px;
margin-top: 5px;
font-weight: 700;
color: #c30054;
}

.alert span.alert-icon-miles {
font-size: 350%;
}

.milesBalance {
font-size: 16px;
}

#dialog-header-modalMessage {
background-color: #ddd;
}

#dialog-content-modalMessage {
max-height: 20.857em;
margin-bottom: -0.357em;
}

.catalogServices-teaser-pack h3.catalogServices-teaser-title {
background: #9B0042;
color: #FFFFFF;
position: absolute;
padding: 5px 10px 10px;
margin: 0px;
left: 2px;
right: 2px;
top: 10px;
}

.catalogServices-teaser-pack h3.catalogServices-teaser-title:before, .catalogServices-teaser-pack h3.catalogServices-teaser-title:after {
content: "";
z-index: -1;
position: absolute;
display: block;
border: 6px solid #9B0042;
border-style: solid;
border-color: #9B0042 transparent transparent transparent;
bottom: -6px;
}
.catalogServices-teaser-pack h3.catalogServices-teaser-title:before {
left: 0;
border-width: 6px 0 0 6px;
}
.catalogServices-teaser-pack h3.catalogServices-teaser-title:after {
right: 0;
border-width: 6px 6px 0 0;
}

.catalogServices-discountCaption {
margin-bottom: 10px;
color: #c30054;
}

.catalogServices-container .servicesbreakdown-container {
margin: 0;
}



h3.catalogServices-teaser-title
{
float:left;
}
.travelSmartSpan
{
display: none;
}
.catalogServices-teaser-SIT  .travelSmartSpan,
.catalogServices-teaser-PAK  .travelSmartSpan,
.catalogServices-teaser-BAG  .travelSmartSpan
{
display:block;
float: right;
margin-right: 10px;
}
.catalogServices-teaser-SIT  .travelSmartIcon,
.catalogServices-teaser-PAK  .travelSmartIcon,
.catalogServices-teaser-BAG  .travelSmartIcon
{
width:20px;
}
.travelSmartLegend
{
text-align: right;
margin-right: 20px;
margin-bottom: 20px;
}
.travelSmartIconLegend
{
width: 15px;
margin-left: 10px;
}
.travelSmartLegendBold
{
font-weight: bold;
}
.catetory_subtitle_strings
{
color: black;
margin-left: 10px;
margin-top: 5px;
}
#service-title-SIT .catetory_subtitle_strings
{
margin-left: 30px;
}
.catetory_title_strings
{
font-weight: bold;
font-size: 110%;
}
.catalogServices-dialog-service-header {
font-size: 1.3em;
}
#baggage_catagory_text {
padding-left: 14px;
padding-top: 16px;
}

/**
plnextv2.components.catalogServices.desktop.styles.DModalMessageStyle
**/


.modal-message-body {
padding: 0em 1em 0.3em 1em;
width: 100%;
}

.seats-summary-list li {
list-style-type: disc;
}

.message-criteria-rows li {
list-style-type: disc;
}

.modal-message-body li {
margin-left: -0.286em;
}




.modal-seats-information {
margin-top: 1.071em;
}



.modal-information-message-criteria {
margin-top: 0.714em;
height: 90%;
}

.message-criteria-note {
margin-top: 0.714em;
}


.modal-footer-buttons {
border-top: solid thin #dfdfdf;
background-color: #ececec;
padding: 0.714em 0.714em 0em 0em;
text-align: right;
}

.btn-modify-seat {
margin-right: 0.286em;
margin-bottom: 0.857em;
}

.btn-confirm-seat {
margin-right: 0.571em;
margin-bottom: 0.857em;
}

.modal-btn-caret {
margin-left: 0.286em;
}

/**
plnextv2.components.catalogServices.desktop.styles.DPopupStyle
**/


.catalogServices-dialog-service-price {
float: right;
margin-top: 6px;
}

@media (min-width: 768px) {
.catalogServices-dialog-header-icon {
margin-right: 10px;
}
}

@media (max-width: 767px) {
.catalogServices-dialog-header-icon {
margin-right: 5px;
}
}

.catalogServices-modal-header-icon {
margin-right: 0.3em;
margin-left: 0.3em;
margin-top: 0.3em;
margin-bottom: 0.3em;
}




.dialog-tabs li {
border: 1px solid #dddddd;;
margin-right: 10px;
height: 48px;
}

.dialog-tabs li.active {
border-bottom-color: white;
}

.dialog-tabs.nav-tabs > li > a {
padding-top: 14px;
}

.dialog-tabs.nav-tabs > li > a,
.dialog-tabs.nav-tabs > li.active > a:hover,
.dialog-tabs.nav-tabs > li.active > a:focus {
text-decoration: none;
border: none;
margin-right: 0px;
background-color: #FFFFFF;
color: #3f3f3f;
height: 100%;
width: 100%;
}

.dialog-tabs li.active > a,
.dialog-tabs.nav-tabs > li.active > a:hover,
.dialog-tabs.nav-tabs > li.active > a:focus {
background-color: #FFFFFF;
padding-top: 9px;
border-top: 5px solid #000000;
}

.dialog-tabs li > a > span {
text-decoration: none;
}

.dialog-tabs li.active > a > span {
border-bottom : 2px solid #bcbcbc;
}

.dialog-tabs > li:focus,
.dialog-tabs > li > a:focus {
border-color: none;
box-shadow: none;
-webkit-box-shadow: none;
}


.catalogServices-subcategory-name {
margin: 3px;
}

.catalogServices-subcategory-table {
margin-bottom: 0px;
}

.catalogServices-subcategory-table .catalogServices-subcategory-table-cell {
border: none;
}

.catalogServices-subcategory-traveller-header,
.catalogServices-subcategory-selection-header,
.catalogServices-subcategory-price-header {
font-weight: normal;
}

.catalogServices-subcategory-price-header {
text-align: right;
}

.catalogServices-subcategory-service-not-available {
font-style: italic;
}

.catalogServices-subcategory-service-price {
text-align: right;
}

.catalogServices-subcategory-total-price-section {
font-family: "Roboto Black";
text-align: right;
margin-top: 10px;
}



.panel-pack {
box-shadow: none;
}
.panel-pack .panel-body {
padding: 0px;
}

.catalogServices-dialog-content .pack-container > div {
height: 300px;
position: relative;
display: table;
padding: 10px;
}
.catalogServices-dialog-content .pack-description {
background: #ececec;
padding: 10px;
text-align: center;
font-size: 18px;
vertical-align: middle;
display: table-cell;
}

.catalogServices-dialog-content .pack-container {
background: #f8f8f8;
margin-bottom: 20px;
padding-bottom: 10px;
}

.catalogServices-dialog-content .pack-description: after{
content: "";
clear: both;
}

.pack-container-title {
display: block;
padding: 10px;
}

.catalogServices-dialog-content .subservice:after,
.catalogServices-dialog-content .subservice:before {
content: "+";
position: absolute;
font-size: 20px;
font-weight: 700;
background: #f8f8f8;
border-radius: 50px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
z-index: 1;
}

.catalogServices-dialog-content .subservice:after {
top: 90px;
right: -22.5px;
}
.catalogServices-dialog-content .subservice:before {
top: -22.5px;
left: 50%;
margin-left: -20px;
display: none;
}



@media (min-width: 0px) and (max-width: 991px) {
.catalogServices-dialog-content .subservice:after {
display: none;
}
.catalogServices-dialog-content .subservice:before {


display: block;
}
.catalogServices-dialog-content .subservice.pack-description-container {
height: auto;
width: 100%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.catalogServices-dialog-content .subservice:nth-of-type(2n+2):after {
display: none;
}
.catalogServices-dialog-content .subservice:nth-of-type(2n+1):before {
display: block;
}
.catalogServices-dialog-content .subservice:nth-of-type(2n+1).pack-description-container {
height: auto;
width: 100%;
}
}

@media (min-width: 1200px) {
.catalogServices-dialog-content .subservice:nth-of-type(4n+4):after {
display: none;
}
.catalogServices-dialog-content .subservice:nth-of-type(4n+1):before {
display: block;
}
.catalogServices-dialog-content .subservice:nth-of-type(4n+1).pack-description-container {
height: auto;
width: 100%;
}
}


.pack-container .subservice:nth-of-type(1):before,
.pack-container .subservice.pack-description-container:before {
display: none;
}


.pack-container > div:nth-last-child(2):after,
.pack-description-container:after {
display: none;
}


.catalogServices-noDiscount, .catalogServices-discountReason {
font-size: 12px;
}

.catalogServices-discountReason {
color: #c30054;
}


/**
plnextv2.modules.DFSR.desktop.styles.DDFSRStyle
**/


.dfsr-btn-primary {
margin-top: 10px;
margin-bottom: 10px;
float: right;
text-transform: capitalize;
}

.dfsr-btn-primary-icon-plane {
margin-right: 10px;
}

.dfsr-btn-primary-icon-caret {
margin-left: 10px;
}

.page-actions-bar {
margin-bottom: 10px;
}


/**
plnextv2.components.currencyConverter.desktop.styles.DCurrencyConverterStyle
**/


.currency-converter-dialog-window {
width: 100% !important;
left: 0 !important;
padding: 10px 0;
}

.currency-converter-dialog-window .dialog-content,
.currency-converter-dialog-window .dialog-header {
width: 469px !important;
}

.currency-converter-dialog-window .dialog-content,
.currency-converter-dialog-window .dialog-header {
display: block;
float: none;
margin: 0 auto;
}

.currency-converter-dialog-window .dialog-content {
box-shadow: none;
overflow: initial;
}

.currency-converter-dialog-window .dialog-header {
border: none;
}

.currency-converter-dialog-container .popover-body .popover-content-close-button-container,
.currency-converter-footer {
text-align: right;
padding: 15px 20px 5px 0;
}

.popover-content-close-button-container button,
.popover-content-close-button-container button:hover,
.popover-content-close-button-container button:focus,
.popover-content-close-button-container button:active,
.popover-content-close-button-container button.focus,
.popover-content-close-button-container button.active,
.currency-converter-footer button {
text-transform: uppercase;
}


.currency-converter-dialog-container .popover-body {
max-width: 479px;
}


.currency-converter-dialog {
margin: 0 auto;
border: 1px solid #ececec;
position: relative;



-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
box-shadow: 1px 1px 2px rgba(0,0,0,.25);

}

.currency-converter-form,
.converted-price {
padding: 20px;
margin: 0;
}

.currency-converter-dialog .control-label {
font-family: 'Roboto Bold', sans-serif;
margin-bottom: 5px;
}

.currency-converter-dialog .control-label.mandatory-label {
font-weight: 400;
}


.currency-converter-dialog .form-group {
line-height: 2.3em;
}

.currency-converter-form {
overflow: hidden;
background: #FFFFFF;
}

.currency-converter-dialog-header-icon {
padding-right: 10px;
}

.currency-converter-dialog .currency-converter-amount,
.currency-converter-dialog select {
float: right;
}

.currency-converter-dialog select {
width: auto;
}

.currency-converter-dialog .currency-converter-amount-text {
font-size: 1.714em;
word-break: break-all;
}

.currency-converter-text {
width: 100%;
font-size: 0.929em;
}

.currency-converter-dialog .currency-converter-code {
font-family: 'Roboto Regular', sans-serif;
}

.currency-converter-dialog .form-group {
margin-bottom: 0;
}

.currency-converter-dialog .form-group::before,
.currency-converter-dialog .form-group::after {
display: table;
content: ' ';
}


.currency-converter-dialog .form-group::after {
clear: both;
}

.currency-converter-dialog .form-group:last-child {
margin-bottom: 0;
}

.converted-price {
background: #f8f8f8;
border-top: 1px solid #ececec;
}

.currency-converter-amount {
font-family: "Roboto Black";
}

.currency-converter-code {
padding-left:5px;
font-size: 120%;
}

.currency-converter-amount-text {
font-size: 160%;
padding-left: 5px;
}

@media (max-width: 479px) {
.currency-converter-dialog-window .dialog-content,
.currency-converter-dialog-window .dialog-header {
width: 100%!important;
}

.currency-converter-dialog-container .popover-body,
.currency-converter-dialog select {
float: none;
width: 100%;
}

.currency-converter-dialog .control-label {
margin-top: 0px;
}
}

@media (max-width: 767px) {
.currency-converter-form,
.converted-price {
padding: 10px;
}
}


/**
plnextv2.components.tripSummary.desktop.styles.DTripSummaryStyle
**/

.trip-summary-dialog .dialog-separator {
bottom: 0;
box-shadow: 3px 0 5px #666;
left: 0;
position: absolute;
top: 0;
width: 1em;
margin-right:1em;
z-index: inherit;
background:#dfdfdf;
}

.trip-summary-dialog .overlay-wrapper {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width:66%;
}

.tripsummary-price-services-miles {
padding: 7.5px;
background-color: #f0f0f0;
text-align: right;
}

.trip-summary-total-cash-amount,
.trip-summary-total-miles-amount {
text-align: right;
display: block;
}

.trip-summary-total-miles-amount .tripsummary-price-amount-currency {
padding: 0;
}

#tripsummary .tripSummary-btn-continue > span.continue-text  {
text-transform: uppercase;
}

#button-tripsummary-booking {width: auto;background-image: url(../plus.png);background-size: 10px;background-repeat: no-repeat;background-position: center;height: 30px;}

#button-tripsummary-booking i{display: none;width: 20px;background=color:;}


/**
plnextv2.components.tripSummary.desktop.styles.DExtendedTripSummaryStyle
**/

.trip-summary-dialog .slider-content-sctn {
left: 0;
overflow: visible;
position: absolute;
top: 0;
}

.trip-summary-dialog .content-show {
display:block;
z-index:inherit;
overflow:visible;
}

.purchase-conditions-popup .conditions-header{
width: 28.9em;
}


/**
custom.components.tripSummary.desktop.styles.CustomDMiniTripSummaryStyle
**/



a:focus,input:focus,select:focus,textarea:focus,button:focus {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}

#tripsummary-container {
color: #3f3f3f;
word-wrap: break-word;
}

#tripsummary {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 5px;
}


#tripsummary.fixed {
padding-top: 0;
padding-bottom: 0;
}

.tripsummary-title-text{
vertical-align: middle;
display: table-cell;
padding: 5px 0px 5px 10px;
color: #616161;
word-wrap: break-word;
white-space: normal;
text-transform: uppercase;
text-align: left;
margin: 0px;
}

.tripsummary-section-itinerary {
position: relative;
}

.tripsummary-section.tripsummary-section-itinerary {
padding: 0 7.5px;
}

.tripsummary-section.tripsummary-section-car {
padding-top: 0px;
padding-right: 7.5px;
}

.tripsummary-section-itinerary .tripsummary-btn-delete-itinerary {
position: absolute;
top: .4em;
right: .8em;
}

.tripsummary-section-title{
background-color: #f0f0f0;
display: table;
width: 100%;
}
.tripsummary-title{
text-transform: uppercase;
font-family: 'Roboto Black', sans-serif;
font-size: 100%;
}

.tripsummary-date {
text-transform: initial;
font-family: 'Roboto Black', sans-serif;
font-size: 100%;
}

.tripsummary-title.tripsummary-date.tripsummary-details{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2.5px;
}

.btn.btn-tertiary.tripsummary-btn-title {
text-align: center;
color: #616161;
background-color: #dfdfdf;
border-color: #dfdfdf;
font-size: 130%;
float: right;
padding: 11px 17px;
}

.tripsummary-price-details{
display: table;
}

.tripsummary-price-info{
display: table-cell;
padding-left: 7.5px;
padding-bottom: 10px;
}

.btn.btn-tertiary.tripsummary-btn-title:hover{
color: #3f3f3f;
background-color: #bcbcbc;
border-color: #bcbcbc;
}

.tripsummary-section {
background-color: #FFFFFF;
margin-top: 10px;
padding: 10px;
box-shadow: 1px 1px 2px #dfdfdf;
}

.tripsummary-ff{
display:block;
}

.tripsummary-ff-name{
float: left;
margin-right: 10px;
}


.tripsummary-bound-fare-text > .tripsummary-ff-name{
float: none;
font-family: 'Roboto Black', sans-serif;
}

.tripsummary-ff-short-desc{
float: left;
}

.tripsummary-bound-fare-text > .tripsummary-ff-short-desc{
font-family: 'Roboto Black', sans-serif;
}

.tripsummary-itinerary-details .dff-value-deal-label {
color: #FFFFFF;
padding: 1px 6px;
}

.tripsummary-bounds {
margin-left:2.5px;
margin-right:2.5px;
border-bottom: 1px dashed #dfdfdf;
}

.tripsummary-price-itinerary-separator{
margin-left:2.5px;
margin-right:2.5px;
border-bottom: 1px solid #dfdfdf;
}

.tripsummary-btn-tertiary, .tripsummary-btn-tertiary:focus {
word-wrap: break-word;
white-space: normal;
text-align: left;
margin-bottom: 1px;


-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: #ececec;
}

.tripsummary-btn-tertiary:hover{
background-color: #fdfdfd;
}

.tripsummary-btn-primary {
margin-top: 10px;
margin-bottom: 10px;
}

.tripsummary-button-ignore .tripsummary-btn-primary {
margin-top: 0px;
}

button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-close {
margin-top: 10px;
text-align: left;
}

button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-ignore-changes {
background-color: #ddd;
border-color: #ddd;


-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 1px rgba(0, 0, 0, .2);

color: #3f3f3f;
}

button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-close i,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-ignore-changes i {
display: table-cell;
}

button.btn.plnext-widget-btn.btn-primary.small-primary.tripsummary-btn-primary > span,
button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-close > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-farereview > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-minirules > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-purchase-conditions > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-trip-notes > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-baggage > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-services > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-fareBasisInformation > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-ignore-changes > span,
button.btn.plnext-widget-btn.btn-tertiary.tripsummary-btn-car-recap > span {
display: table-cell;
text-align: left;
width: 100%
}

.tripsummary-btn-close-text {
text-align: left;
padding-left: 0px;
}

.tripsummary-btn-title-text {
word-wrap: break-word;
white-space: normal;
}

button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-clear {
margin-top: 10px;
word-wrap: break-word;
white-space: normal;
text-align: left;
}

button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-clear > i {
display: table-cell;
}

button.btn.plnext-widget-btn.btn-secondary.tripsummary-btn-clear > span {
display: table-cell;
text-align: left;
}

.tripsummary-btn-clear-text{
padding-left: 0px;
}

.tripsummary-icon-refresh{
text-align: left;
font-size: 130%;
}

.tripsummary-total-duration-value{
font-family: 'Roboto Black', sans-serif;
}

.tripsummary-stop-number{
font-family: 'Roboto Black', sans-serif;
}

.tripsummary-icon-cart {
margin-right: 10px;
margin-left: 10px;
}

.tripsummary-tertiary-btn-icon-caret {
margin-right: 10px;
}

.tripsummary-primary-btn-icon-caret {
text-align: right;
}

.tripsummary-primary-btn-icon {
text-align: left;
font-size: 130%;
}

.tripsummary-custom-col {
padding: 0px;
}

.tripsummary-icon-lock {
border: none;
text-align: right;
box-shadow: none;
}

.tripsummary-itinerary {
padding: 10px 2px;
}

.tripsummary-itinerary-locked {
background-color: #f8f8f8;
}

.tripsummary-btn-delete-icon{
text-decoration:underline;
font-size:1.8rem;
border:none;
padding:1px;
box-shadow: none;
}

.tripsummary-btn-delete-icon:hover{
text-decoration:none;
background:none;
border:none;
box-shadow: none;
}

.tripsummary-btn-delete {
text-align: right;
box-shadow: none;
}

.tripsummary-travellers{
text-transform: lowercase;
}

.tripsummary-upgrades-title-text {
float : left;
}

.tripsummary-upgrades-amount-text {
font-size: 130%;
padding-left: 5px;
}

.tripsummary-upgrades-amount {
float: right;
}

.tripsummary-upgrades-details {
padding-left: 15px;
padding-right: 15px;
}

.tripsummary-upgrades.tripsummary-upgrade-text {
float: left;
width: 60%;
margin-bottom: 0.5rem;
}

.tripsummary-upgrades.tripsummary-upgrade-price-panel {
float: right;
width: 40%;
display: inline-block;
}

.tripsummary-upgrades.tripsummary-upgrade-price {
width: 80%;
text-align: right;
display: inline-block;
margin-top: 6px;
}

.tripsummary-upgrade-delete-button {
float: right;
width: 20%;
text-align: right;
text-decoration: underline;
font-size: 1.8rem;
border: none;
padding: 1px;
box-shadow: none;
background: none;
}

.tripsummary-upgrade-delete-button:hover {
text-decoration:none;
background:none;
border:none;
box-shadow: none;
}

.tripsummary-price-traveller {
font-style: italic;
}

.tripsummary-price-total-text {
float : left;
}

.tripsummary-price-amount {
float: right;
text-align: right;
}

.price-not-set h3 {
margin: 0;
padding-top: 2px;
font-size: 14px;
}

.price-not-set .tripsummary-price-amount {
padding-right: 10px;
}

.tripsummary-section.tripsummary-section-car .link-delete-car {
text-decoration: none;
}

.link-delete-car .delete-car-trash {
font-size: 1.3em;
font-weight: 400;
color: #767676;
}

.link-delete-car .delete-car-trash:hover {
text-decoration: underline;
cursor: pointer;
}

.tripsummary-price-amount {
padding-right: 5px;
}

.price-not-set .tripsummary-title.tripsummary-price-car {
padding: 0 5px;
}

.tripsummary-price-details-traveller{
text-transform: capitalize;
}

.tripsummary-price-text {
float : left;
}

.tripsummary-price-currency {
padding-left:5px;
}

.tripsummary-price-value {
padding-left:5px;
}

.tripsummary-price-previous-total-miles,
.tripsummary-price-new-total-miles,
.tripsummary-price-services-amount-miles {
text-align: right;
}

.tripsummary-price-amount-text, .tripsummary-price-miles-amount{
font-size: 100%;
padding-left: 5px;
}

.tripsummary-price-amount-text-small, .tripsummary-price-miles-amount-small {
padding-left: 5px;
}

.tripsummary-price-breakdown:first-letter{
text-transform: uppercase;
}

.tripsummary-time{
font-family: 'Roboto Black', sans-serif;
}

.tripsummary-days{
vertical-align: super; font-size: 80%;
}

.tripsummary-different-airport{
color: #c30054;
font-size: 85%;
}


.tripsummary button,
.tripsummary button.btn.plnext-widget-btn, .tripsummary button.btn.plnext-widget-btn > span,
.tripsummary button.btn.plnext-widget-btn.btn-primary > span, .tripsummary .plnext-widget-btn.btn-primary,
.tripsummary button.btn.plnext-widget-btn.btn-secondary > span, .tripsummary .plnext-widget-btn.btn-secondary,
.tripsummary button.btn.plnext-widget-btn.btn-tertiary > span, .tripsummary .plnext-widget-btn.btn-tertiary,
.tripsummary button.btn.plnext-widget-btn.btn-default > span, .tripsummary .plnext-widget-btn.btn-default,
.tripsummary-btn > button,
.tripsummary-btn > button.btn-primary,
.tripsummary-btn > button.btn-primary > span {
width:100%;
}

#tripsummary button.btn.plnext-widget-btn.btn-primary .padding-left{
padding-left: 10px;
}

#tripsummary button.btn.plnext-widget-btn.btn-primary .padding-right{
padding-right: 10px;
}

.tripsummary-small-text{
font-size: 85%;
}

.tripsummary-price-amount-currency{
padding-left: 5px;
}

.tripsummary-city-description{
overflow: hidden;
}

.tripsummary-image-img{
padding: 10px;
max-width: 100%;
background-color: white;
border: 1px solid #bcbcbc;
}

.tripsummary-image{
margin-top: 10px;
margin-bottom : 10px;
padding: 0px;
}

.tripsummary-image-legend{
text-align: right;
padding-left: 10px;
padding-right: 10px;
}

.tripsummary-image-legend-title{
padding-top: 5px;
font-size: 115%;
}

.tripsummary-image-legend-subtitle{
font-size: 95%;
}

.tripsummary-btn-selected, .tripsummary-btn-selected:focus{
background-color: #fdfdfd;
border: thin solid #005eb8;
-webkit-box-shadow: 1px 1px 1px #bcbcbc;
box-shadow: 1px 1px 1px #bcbcbc;
}

.tripsummary-ff-short-desc i {
padding: 0px 4px;
}

.tripsummary-balance {
margin-top:0.9em;
font-family: 'Roboto Black', sans-serif;
}

.tripsummary .separator {
clear:both;
margin-bottom:0.8em;
}

.tripsummary-date-flown {
font-style: italic;
}

.grey-out {
background-color: #f0f0f0;
}

.tripsummary-show-services {
padding-top: 30px;
}

.tripsummary-section-traveller .tripsummary-title{
margin: 0px;
padding-top: 5px;
}
.tripsummary-section-price-bound {
float: left;
width: 100%;
margin: 10px 0;
border-bottom: thin solid #dfdfdf;
}

.tripsummary-timetothink-message {
color: #bc0061;
margin-top: 0.5em;
}

.tripsummary-timetothink-message .timetothink-message-amount {
font-family: 'Roboto Black', sans-serif;
font-size: 1.2em;
}

.tripsummary-timetothink-message .ttt-date{
font-family: 'Roboto Black', sans-serif;
}

.trip-summary-dialog .tripsummary-container {
z-index:inherit;
}

.acknowledgement {
border: 0.1em solid #005eb8;
padding: 0 0.72em 0 0.72em;
}

.acknowledgement ul {
font-size: 1em;
padding: 0;
}

#dialog-content-iDontFindAnyFlight-dialog {
padding: 0;
}

a.tripsummary-booking-link {
padding-bottom: 5px;
padding-left: 10px;
}

.acknowledgement input[type=checkbox] {
display: inline-block;
opacity: 0;
}

.acknowledgement input[type=checkbox] + label:before {
font-family: 'ADC-icons';
content: "";
color: #005eb8;
display: inline-block;
background-color: #f8f8f8;
border: 1px solid #bcbcbc;
font-size: 14px;
line-height: 14px;
text-align: center;
width: 20px;
height: 20px;
vertical-align: middle;
margin: -3px 6px 0 -20px;
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 0px 0px rgba(255, 255, 255, .8);
padding: 2px 0 0 0;
}

.acknowledgement input[type=checkbox]:focus + label:before {
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.75), 0 0 15px rgba(102, 175, 233, 1);
border: 1px solid;
}

.acknowledgement .has-error :not(#foo) input[type=checkbox] + label:before {
border-color: #c30054;
}

.acknowledgement input[type=checkbox]:checked + label:before {
content: "\f00c";
}

.tripsummary-different-fare-families-warning-text {
color: #c30054;
font-size: 85%;
}

.promotion-discount-converted-currency {
margin-top: -5px;
}
.tripsummary-price-currency-converter {
padding-right: 7.5px;
margin-bottom: 10px;
margin-top: -5px;

text-align: right;
}

.tripsummary-section-car .vehicle-model {
font-family: 'Roboto Black', sans-serif;
text-transform:lowercase;
}

.tripsummary-section-car .vehicle-model::first-letter {
text-transform:uppercase;
}

.tripsummary-section-car .right {
float: right;
}

.tripsummary-section-car .left {
float: left;
}

.tripsummary-section-car .total-price {

font-weight: 700;
}

.tripsummary-section-car .vehicle-details {
clear: both;
}

.tripsummary-section-car .car-line-separator {
padding-top: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #dfdfdf;
}

.tripsummary-section-car .vehicle-details strong {
font-family: 'Roboto Black', sans-serif;
font-weight: normal;
}

.tripsummary-section-car .agency-cost {
color: #c30054;
padding-right: 10px;
padding-left: 10px;
text-align: right;
font-style: italic;
clear:both;
margin-bottom: 10px;
font-size: 86%;
}

.tripsummary-section-itinerary .tripsummary-price-flight-text,
.tripsummary-section-car .tripsummary-price-car-text
{
font-size: 100%;
margin-top: 3px;
margin-bottom: 0;
float:left;
}

.tripsummary-price-itinerary .tripsummary-price-amount,
.tripsummary-price-car .tripsummary-price-amount,
.tripsummary-price-breakdown .tripsummary-price-amount,
.tripsummary-insurance .tripsummary-price-amount,
.tripsummary-price-services .tripsummary-price-amount {
text-align:right;
}

.tripsummary-price-itinerary.tripsummary-title-fixed {
width:100%;
}

@media (max-width: 768px)
{
.tripsummary-section-itinerary .tripsummary-price-itinerary .tripsummary-price-amount,
.tripsummary-section-car .tripsummary-price-car .tripsummary-price-amount,
.tripsummary-section-car .agency-cost,
.tripsummary-price-services .tripsummary-price-amount {
text-align:left;
}

.tripsummary-section-itinerary .tripsummary-price-itinerary .tripsummary-price-amount-currency,
.tripsummary-section-car .tripsummary-price-car .tripsummary-price-amount-currency,
.tripsummary-service-section .tripsummary-price-services .tripsummary-price-amount-currency {
padding-left: 0px;
}


}

.tripsummary-title.tripsummary-price-itinerary{
display: table;
padding: 10px;
}

.tripsummary-title.tripsummary-price-car{
display: table;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}


.tripsummary-title.tripsummary-price-itinerary{
padding: 10px;
}

.tripsummary-itinerary-details{
margin-top: -7.5px;
}

.tripsummary-section-car .car-cost-header h3 {
margin-top: 0;
margin-bottom: 0;
}

.tripsummary-section-car .car-cost-header{
margin-top: 5px;
}

.price-review-popup-link {
float: right;
}

.price-review-modal-content {
width: 100%;
}

#dialog-priceReviewDialog .price-panel-heading {
display : none;
}

#dialog-header-priceReviewDialog {
border-bottom : none;
padding: 25px;
}

#dialog-content-priceReviewDialog {
padding: 0 25px 0 25px;
box-shadow: none;
}

#dialog-footer-priceReviewDialog {
padding: 25px;
margin-top: -5px;
}

.pricereview-dialog-header-icon {
padding-right: 10px;
}

#tripsummary-container .begin-date, #tripsummary-container .end-date{
color: #767676;
}

#tripsummary-container .pick-up-address, #tripsummary-container .drop-off-address {
color: #616161;
font-size: 0.929em;
}



.newAirFareClass
{
font-size: 1.2em;
color: #96172E;
font-size:14px;
font-family: Verdana, sans-serif;
font-weight: bold;
text-transform: uppercase;
}

.newTotalClass
{
font-size: 1.2em;
color: #3F3F3F;
font-size:12px;
font-family: Verdana, sans-serif;
font-weight: normal;
text-transform: uppercase;
}
div.tripsummary-btn.tripsummary-button-ignore{
background-color: white;
}
.tripsummary-btn.tripsummary-button-ignore button {
background-color: white;
background: #fff;
border: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
text-align: left;
}
.tripsummary-btn.tripsummary-button-ignore button.dont-find-any-flight div {
width: 100%;
}

/**
plnextv2.components.catalogServices.desktop.styles.DSeatMapPopupStyle
**/


.icon-circle-arrow {
font-size: 190%;
color: #FFFFFF;
}

.nav-tabs > li.dialog-tabs-flight {
display: inline-block;
float: none;
}

.dialog-tabs-buttons-container {
position: relative;
width: 100%;
overflow: hidden;
}

.dialog-tabs-flight-container {
white-space: nowrap;
display: inline-block;
position: relative;
left: 0px;
min-width: 100%;
}

.icon-circle-arrow {
font-size: 190%;
color: #FFFFFF;
}

.btn.btn-ctrl-horizontal-prev, .btn.btn-ctrl-horizontal-next {
position: absolute;
height: 46px;
top: 11px;
bottom: 5px;
z-index: 10;

background-color: #3f3f3f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #3f3f3f;
}

.btn.btn-hidden {
display: none;
}

.btn-ctrl-horizontal-prev {
left: 0px;
}
.btn-ctrl-horizontal-next {
right: 0px;
}


.linkSeatmapInformation div {
display: inline-block;
margin-bottom: 10px;
}

.linkSeatmapInformation .icon-caret {
margin-right: 0.5em;
text-decoration: none;
}
.linkSeatmapInformation .icon-caret:before {
text-decoration: none;
}

.catalogServices-seatmap-segment-header {
margin-top: 0px;
}

.seatMapSection {
display: inline-block;
float:right;
width: 100%;
}
.panel.catalogServices-seatmap-panel {
margin-bottom: 0px;
}
.seatMapfooter {
float: left;
width: 100%;
padding: 15px;
background-color: #FFFFFF;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
margin-bottom: 20px;
}

.catalogServices-dialog-content .seatmapPriceBreakdown {
clear: both;
}

.catalogServices-dialog-content .nav-tabs {
margin-top: 10px;
height: 48px;
}



.CSS5 .seatMapContainer {
border-width: 1px;
}


.seatMapContainer.vertical {
direction: ltr;
}

.seatMapContainer {
clear: both;
}

.seatMapContainer:focus {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}


div { display: inline-block; }
div { display: block; }



.flightNumber {
display: none;
}

li.active .flightNumber {
display: block;
}

.flightInfo {
padding: 5px;
position: relative;
top: -30px;
font-size: 1.2rem;
}

.flightInfo div{
padding: 1px;
}

.btn-clearSeats {
float: left;
margin-bottom: 0px;
}

.seatMapFooterButtons {
float: right;
padding-bottom: 20px;
}

.seatMapFooterButtons .plnext-widget-btn {
display: inline-block;
}

.plnext-widget-btn.catalogServices-dialog-btn-primary, .plnext-widget-btn.btn-cancel {
margin-top: 10px;
margin-left: 20px;
width: initial;
}

.plnext-widget-btn.catalogServices-dialog-btn-primary i.icon.icon-left {
width: initial;
}

.plnext-widget-btn.catalogServices-dialog-btn-primary span.plnext-widget-btn-text {
width: initial;
}

.plnext-widget-btn.catalogServices-dialog-btn-primary i.icon.icon-right {
width: initial;
padding-left: 20px;
float: none;
line-height: 1.42857143;
}

@media (max-width: 479px) {
.legendItem{
float: none;
width: 100%;
}
.seatMapFooterButtons {
float: inherit;
padding-bottom: 10px;
}

.plnext-widget-btn.catalogServices-dialog-btn-primary, .plnext-widget-btn.btn-cancel {
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
}

.plnext-widget-btn.btn.btn-primary.catalogServices-dialog-btn-primary span {
display: table-cell;
width:100%;
}
.plnext-widget-btn.catalogServices-dialog-btn-primary i.icon.icon-right {
display: table-cell;
float: none;
}
}

.cityPair {
font-size: 1.3em;
font-weight: bold;
}

.sectionTitle {
text-align: left;
padding-bottom: 10px;
font-size: 18px;
font-famility: Roboto;
font-weight: 300;
margin-top: 10px;
margin-bottom: 10px;
}

.seatMapSelection {
position:relative;
text-align: center;
}
.seatMapSelection .plnext-message li {
list-style-type: disc;
}
.seatMapSelection .plnext-message {
text-align: left;
}

.travInfo {
text-align: left;
}

.travellers {
border-spacing: 0;
display: inline-block;
display: inline-flex;
flex-wrap: wrap;
padding: 0px;
margin-bottom: 20px;
width: 100%;
float: left;
text-align: left;
}


.travellerBox {
position: relative;
left: 0px;
background-color: #f8f8f8;
border-width: 0px;
border-style: solid;
border-color: #bcbcbc;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.fixedHeight .travellerBox {
height: 100px;
}

.travellerBox > .table-container {
display: table;
width: 100%;
border-spacing: 10px;
}

.travellerBox > .table-container > .table-row {
display: table-row;
}

.travellerBox > .table-container > .table-row > .table-cell {
display: table-cell;
vertical-align: middle;
}

.travellerBox .traveller-cell {
word-break: break-word;
width:100%;
}

.travellerBox .traveller-cell label{
width:100%;
cursor:pointer;
margin-bottom: 0;
}

.travellerBox .seat-cell {
min-width:70px;
text-align: right;
}

.travellerBox .seatPax {
position:relative;
font-size:25px;
text-align: center;
}

.travellerBox .seatPax:after{
color:#005eb8;
content: "\e611";
font-family: 'NewUI-icons';
}

.travellerBox .seatPax > div {
color:#FFFFFF;
position: absolute;
width: 100%;
color: white;
}

:not(#foo) input[type=radio], :not(#foo) input[type=checkbox] {
opacity: 1;
}

table .left{
width: 45%!important;
}
table .center{
width: 35%!important;
}
table .right{
width: 20%!important;
}

#outsideTabPanel {
background-color: #gray;
border: 1px solid #CCCCCC;
padding: 10px;
}

.insideTabPanel {
background-color: ;
border: 1px solid #CCCCCC;
overflow: hidden;
padding: 10px;
width: 835px;
}

.horizontal .legendItem {
float: left;
clear: none;
}

.legendItem {
margin-left: 0px;
clear: both;
}

.legendItem.doubleIcon {
margin-left: 0px;
margin-right: 25px;
}

.legendItem .icon {
background-repeat: no-repeat;
float: left;
height: 25px;
width: 25px;
line-height: 25px;
padding: 2px;
text-align: center;
}

.legendItem .text {
padding-left: 5px;
overflow: hidden;
line-height: 25px;
}

.listSeatInfo{
padding-left: 20px;
}

.listSeatInfo li{
list-style-type: disc;
}

.paxLegendCol{
margin-bottom: 20px;
}

.legendContainer {
clear: both;
width: 100%;
text-align: left;
padding-bottom: 10px;
}

.legendContainer .sectionTitle i{
padding-right: 5px;
}

.seatInfoContainer {
float: right;
width: 250px;
text-align: left;
}

.filter {
margin-bottom: 5px;
}

.seatMapPopupContainer{
padding:10px;
}

.breakdownContainer {
width:100%!important;
}

.tabElement {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
bottom: -4px;
display: block;
height: 20px;
left: -1px;
line-height: 20px;
padding-left: 5px;
padding-right: 5px;
position: relative;
vertical-align: middle;
cursor: pointer;
}

.xTab_seatMap_selected_m .tabElement{
cursor: default!important;
font-weight: bold;
background-color: #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}

.xTab_seatMap_normal_m .tabElement{
background-color: #FFFFFF ;
border-bottom: 1px solid ;
}

.xTab_seatMap_msover_m .tabElement{
background-color: #f8f8f8;
font-weight: bold;
border-bottom: 1px solid ;
}

.seatmapNotAvailable {
text-align: center;
font-weight: bold;
}

.horizontal .seatMapContainer .icon-seat-selected-num, .horizontal .seatMapContainer .icon-seat-available, .horizontal .seatMapContainer .icon-seat-chargeable {
position: relative;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);

}

.horizontal .icon-seat-selected-num, .vertical .icon-seat-available, .horizontal .icon-seat-chargeable, .vertical .icon-seat-chargeable {
position: relative;
}


.horizontal .icon-seat-available.icon-seat-selected-num:after,
.horizontal .icon-seat-chargeable.icon-seat-selected-num:after,
.horizontal .icon-seat-group-unavailable.icon-seat-selected-num:after {
position: absolute;
top: 2px;
left: 3px;
font-weight: 700;
color: white;
font-size: x-small;
width: 16px;
height: 16px;
line-height: 16px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);

}


.vertical .icon-seat-available.icon-seat-selected-num:after,
.vertical .icon-seat-chargeable.icon-seat-selected-num:after,
.vertical .icon-seat-group-unavailable.icon-seat-selected-num:after
{
position: relative;
top: -20px;
left: 0px;
font-weight: 700;
color: white;
font-size: x-small;
width: 16px;
height: 16px;
line-height: 16px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);

}


.icon-seat-unavailable.icon-seat-selected-num.paxN1:after,
.icon-seat-available.icon-seat-selected-num.paxN1:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN1:after {
content: '1';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN2:after,
.icon-seat-available.icon-seat-selected-num.paxN2:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN2:after {
content: '2';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN3:after,
.icon-seat-available.icon-seat-selected-num.paxN3:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN3:after {
content: '3';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN4:after,
.icon-seat-available.icon-seat-selected-num.paxN4:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN4:after {
content: '4';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN5:after,
.icon-seat-available.icon-seat-selected-num.paxN5:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN5:after {
content: '5';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN6:after,
.icon-seat-available.icon-seat-selected-num.paxN6:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN6:after {
content: '6';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN7:after,
.icon-seat-available.icon-seat-selected-num.paxN7:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN7:after {
content: '7';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN8:after,
.icon-seat-available.icon-seat-selected-num.paxN8:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN8:after {
content: '8';
}

.icon-seat-unavailable.icon-seat-selected-num.paxN9:after,
.icon-seat-available.icon-seat-selected-num.paxN9:after,
.icon-seat-chargeable.icon-seat-selected-num.paxN9:after {
content: '9';
}


.seatMapContainer[paxn="paxN1"] .paxN1:before,
.seatMapContainer[paxn="paxN2"] .paxN2:before,
.seatMapContainer[paxn="paxN3"] .paxN3:before,
.seatMapContainer[paxn="paxN4"] .paxN4:before,
.seatMapContainer[paxn="paxN5"] .paxN5:before,
.seatMapContainer[paxn="paxN6"] .paxN6:before,
.seatMapContainer[paxn="paxN7"] .paxN7:before,
.seatMapContainer[paxn="paxN8"] .paxN8:before,
.seatMapContainer[paxn="paxN9"] .paxN9:before {
color: #005eb8;
}

.seatmapPriceBreakdown {
clear:both;
}

.seatmapPriceBreakdown .panel-heading {
background : #ececec;
color : #3f3f3f;
font-weight: 700;
}

.seatmapPriceBreakdown .panel-heading .panel-title{
margin-left: 10px;
}

.seatmapPriceBreakdown {
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.icon-coin:before {
content: "\e009";
}


.horizontal .plnext-sr-only {
top: -999999px;
left: 0;
}

@media (max-width: 1200) {
.paxLegendCol{
margin-bottom: 20px;
}
}

@media (max-width: 767px) {
.catalogServices-dialog-content,
.catalogServices-dialog-content .panel-body{
padding: 0 10px 10px;
}
.seatMapfooter{
margin-bottom: 10px;
}
}

@media (max-width: 991px) {



.legend-items-container{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.legend-items-container .legendItem{
display: inline-flex;
width: 100%;
}


.vertical .travellers .oneTraveller {
height: auto;
}

.vertical .travellerBox {
display: block;
}

.vertical .travellerBox div.travellerColumn,
.vertical .travellerBox div.seatColumn {
width: 100%;
text-align: left;
float: none;
overflow: hidden;
}

.horizontal .travellers .oneTraveller{
height:70px;
}

}

.uicCabin .exitDoor .icon-seatmap-exit-left:before {
margin-left: -45px;
}

.uicCabin .exitDoor .icon-seatmap-exit-right:before {
margin-right: -45px;
}

.legendContainer .icon-seat-available:before, .uicCabin .icon-seat-available:before {
color: #303030;
}

.uicCabin .icon-seat-available.uicSquare {
background-color: #ececec;
}

.firstColumn, .icon-seatmap-exit-left:before, .icon-seatmap-exit-right:before,
.uicLetters.firstRow, .uicNumbers.lastColumn {
font-weight: bold;
}

.uicCabin .extra-leg-row td [data-seat] {
background-color: #ececec;
}

.uicCabin .extra-leg-row .icon-seat-available:focus:before {
padding-top: 14px;
}

.uicCabin .extra-leg-row td > div:first-child, .uicCabin .extra-leg-row td [data-seat] {
height: 34px;
padding-top: 15px;
}

.uicCabin .seatInfoPopup {
z-index: 99999;
}

.uicCabin .extra-leg-row .extra-leg, .uicCabin .extra-leg-row .extra-leg-selected {
position: absolute;
left: 3px;
bottom: 15px;
height: 11px;
width: 14px;
z-index: 5;
background: transparent;
border-radius: 3px;
}

.uicCabin .extra-leg-row .extra-leg {
border-left: 1px dotted #000000;
border-right: 1px dotted #000000;
border-top: 1px dotted #000000;
}

.uicCabin .extra-leg-row .extra-leg-selected {
border-left: 1px dotted #005eb8;
border-right: 1px dotted #005eb8;
border-top: 1px dotted #005eb8;
}

.uicCabin .extra-leg-row .uicFirstWingLeft.uicSquare, .uicCabin .extra-leg-row .uicFirstWingRight.uicSquare {
position: relative;
top: 15px;
}

.uicCabin .filtered-seat .extra-leg {
bottom: 17px;
height: 9px;
}

.uicCabinContainer .uicCabin {
background-color: #ececec;
}

.uicCabin .filtered-seat .icon-seat-available:before, .uicCabin .filtered-seat .icon-seat-unavailable:before,
.uicCabin .filtered-seat > section.extra-leg {
opacity: 0.15;
border: none;
}

.uicCabin .filtered-seat > section.extra-leg {
background-color: #E1E1E1;
opacity: 1;
}

.uicCabin .icon-seat-unavailable.icon-seat-chargeable:before {
color: #000000;
}




/**
plnextv2.modules.COMMON.AAS.desktop.styles.DAASStyle
**/


.servicesbreakdown-container {
margin: 5px;
}


/**
plnextv2.styles.PageTemplateStyle
**/

.page-actions-bar button {
margin-top: 10px;
margin-bottom: 10px;
}

/**
plnextv2.utils.widgets.plnextLib.seatmap.resources.css.Container
**/


div.deckListTitle {
display: inline-block;
}

div.decks {
background-color: #ececec;
width: 500px;

}

div.decks div.deck {
display: inline-block;
height: 30px;
line-height: 30px;
width: 120px;
position: relative;
margin-top: 2px;
}

div.decks input[name="decks"] {
display: inline-block;
position: absolute;
left: 15px;
top: 5px;
}

div.decks label.deckBox {
padding-left: 20px;
margin-bottom: 0px;
width: 100%;
}

.decks .deck input[name="decks"]+label.deckBox {
background-color: #ececec;
}
.decks .deck input[name="decks"]:checked+label.deckBox {
background-color: #FFFFFF;
}

.hidden{
display: none;
}

.seatInfoPopup {
position: absolute;
font-size: 1.2rem;
width: 170px;
z-index: 2;
font-family: 'Roboto Regular';
padding: 10px;
text-align: left;
color: #FFFFFF;
background: #616161;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}

.seatInfoPopup h4 {
display: inline-block;
float: left;
}
.seatInfoPopup h4.price {
float: right;
}
.seatInfoPopup ul {
clear: both;
padding-left: 20px;
}

.seatMapContainer{
overflow: visible;
padding: 0px;
border: #ececec 1px solid;
background-color: #f8f8f8;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.seatMapContainer.vertical {
padding: 0px;
}

.uicSeatMapBody {
height:inherit;
width:inherit;
position: relative;
}

.uicLetters ,
.uicNumbers  {
background-image: none;
text-align: center;
width: 20px;
}

.uicWing  {
background-color: #bcbcbc;
background-image: none;
}

.icon-seat-available, .icon-seat-chargeable {
cursor: pointer;
color: #005eb8;
}

.icon-seat-unavailable.icon-seat-chargeable:before {
content: "\e610";
}
.icon-seat-available.icon-seat-chargeable:before {
content: "\e614";
}

.icon-seat-available:hover:before {
content: "\e619";
}
.icon-seat-available.icon-seat-chargeable:hover:before {
content: "\e617";
}

.icon-seat-available.icon-seat-chargeable.icon-seat-selected-num:hover:before,
.icon-seat-available.icon-seat-selected-num:before {
content: "\e611";
}


.icon-seat-unavailable {
cursor: default;
background-color: #ececec;
}

.icon-seat-chargeable.priceRangeExpensive:before  {
color: #00a9e0;
}
.icon-seat-chargeable.priceRangeMedium:before {
color: #005eb8;
}
.icon-seat-chargeable.priceRangeCheap:before {
color: #056ccf;
}

.uicCabinContainer {
display: inline-block;
text-align: center;
vertical-align: middle;
margin: 20px auto;
}

.uicCabin {
text-align: center;
width: auto;
margin-left: auto;
margin-right: auto;
}

.uicCabin td {
position: relative;
}

.uicSeatFacility,
.uicZoneFacility,
.uicEmptyArea {
background-color: #767676;
color: white;
text-align: center;
cursor: default
}

.uicCorridor {
background-color: #ececec;
}

.firstColumn, .lastColumn {
background-color: #dfdfdf;
}



.icon-seatmap-exit-left:before, .icon-seatmap-exit-right:before {
color: #c30054;
}
.icon-seatmap-exit-left, .icon-seatmap-exit-right {
background: #dfdfdf;
}

.uicFacilityDisabled {
overflow: hidden;
white-space: nowrap;
background:   #767676 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/disabled.gif) 50% 50% no-repeat;
}

.uicFacilityGalley {
overflow: hidden;
white-space: nowrap;
background:   #767676 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/galley.gif) 50% 50% no-repeat;
}

.uicFacilityToilet {
overflow: hidden;
white-space: nowrap;
background:   #767676 url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/facilities/toilets.gif) 50% 50% no-repeat;
}

.uicFacilityEmergencyExit {
background-color: #eeeeee ;
}

.icon-seat-available.fakeFocussed:before {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}

.icon-seat-chargeable.fakeFocussed:before {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}


.icon-seat-available:focus:before {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}

.icon-seat-chargeable:focus:before {
outline-width: 2px;
outline-style: solid;
outline-color: #0AB4E2;
}

.icon-seat-available div {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.icon-seat-best-molecule.icon-seat-available:before {
content: "\e911";
}
.icon-seat-best-molecule {
background-color: #f7c87b;
font-weight: bold;
}

.icon-seat-best-molecule.icon-seat-available.icon-seat-chargeable:before {
content: "\e617";
}
.icon-seat-best-molecule.icon-seat-available.icon-seat-chargeable.icon-seat-selected-num:hover:before,
.icon-seat-best-molecule.icon-seat-available.icon-seat-selected-num:before,
.icon-seat-best-molecule.icon-seat-available:before {
content: "\e611";
}

ul.list-characteristics {
margin-top: 10px;
}
ul.list-characteristics li {
list-style-type: disc;
}
.title-one-click-popup {
background-color: #f7c87b;
padding: 5px;
text-align: center;
}
.title-one-click-popup span {
color: #3f3f3f;
font-size: 1.5rem;
}


/**
plnextv2.utils.widgets.plnextLib.seatmap.resources.css.Horizontal
**/
.horizontal .genericColumn {
width: 20px;
}

.horizontal .uicSquare {
width: 20px;
height: 20px;
line-height: 16px;
padding: 2px;
}

.horizontal .uicSeatFacility {
width: 20px;
height: 20px;
}

.horizontal .uicSeatMapBody {
padding-top: 20px;
padding-bottom: 20px;
}

.horizontal .uicTopWindow,
.horizontal .uicBottomWindow,
.horizontal .uicNoWindow,
.horizontal .uicWindowPlaceHolder {
width: 20px;
height: 3px;
}

.horizontal .top .icon-seatmap-exit:before {
content: "\e60e";
position: absolute;
top: 2px;
left: 4px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);

}
.horizontal .bottom .icon-seatmap-exit:before {
content: "\e60e";
position: absolute;
bottom: 2px;
left: 4px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);

}

.horizontal.uicErrorTrigger .uicSeatError {
background-color: red;
}



.horizontal .uicTopWindow,
.horizontal .uicBottomWindow,
.horizontal .uicNoWindow{
background-color: #bcbcbc;
}



.horizontal .uicFirstWingTop {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/horizontal/wing.gif)  0px -40px no-repeat;
}

.horizontal .uicLastWingBottom {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/horizontal/wing.gif)  0px 0px no-repeat;
}

.horizontal .uicFirstWingBottom {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/horizontal/wing.gif)  0px -60px no-repeat;
}

.horizontal .uicLastWingTop {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/horizontal/wing.gif)  0px -20px no-repeat;
}


.horizontal .seatInfoPopup.up {
bottom: -20px;
}
.horizontal .seatInfoPopup.down {
top: -20px;
}
.horizontal .seatInfoPopup.rightSide {
right: 30px;
}
.horizontal .seatInfoPopup.rightSide:after {
content: "";
position: absolute;
right: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #616161;
}

.horizontal .seatInfoPopup.leftSide {
left: 30px;
}
.horizontal .seatInfoPopup.leftSide:before {
content: "";
position: absolute;
left: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #616161;
}

.horizontal .seatInfoPopup.up.rightSide:after, .horizontal .seatInfoPopup.up.leftSide:before {
bottom: 20px;
}
.horizontal .seatInfoPopup.down.rightSide:after, .horizontal .seatInfoPopup.down.leftSide:before {
top: 20px;
}

.horizontal .seatInfoPopup .popupArrow {
display: inline-block;
width: 0px;
height: 0px;
bottom: 5px;
position: relative;
}

.horizontal .seatInfoPopup.leftSide .popupArrow {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #616161;
}

.horizontal .seatInfoPopup.rightSide .popupArrow {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #616161;
}


/**
plnextv2.utils.widgets.plnextLib.seatmap.resources.css.Vertical
**/
.vertical {
position: relative;
}

.vertical .genericColumn {
width: 17px;
}

.vertical .genericColumnAsWindow {
width: 3px;
}

.vertical .uicSquare {
width: 20px;
height: 20px;
line-height: 16px;
padding: 2px;
}

.vertical .uicSeatFacility {
width: 20px;
height: 20px;
}

.vertical .uicSeatMapBody {
padding-left: 20px;
padding-right: 20px;
}

.vertical .uicLeftWindow,
.vertical .uicRightWindow,
.vertical .uicNoWindow,
.vertical .uicWindowPlaceHolder {
width: 3px;
height: 20px;
}

.vertical .uicLeftWindow,
.vertical .uicRightWindow,
.vertical .uicNoWindow{
background-color: #bcbcbc;
}

.vertical.uicErrorTrigger .uicSeatError{
background-color: red;
}

.vertical .uicFirstWingLeft {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/vertical/wing.gif)  0px 0px no-repeat;
}

.vertical .uicLastWingLeft {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/vertical/wing.gif)  -60px 0px no-repeat;
}

.vertical .uicFirstWingRight {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/vertical/wing.gif)  -20px 0px no-repeat;
}

.vertical .uicLastWingRight {
background: transparent url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/utils/widgets/plnextLib/seatmap/resources/css/../img/vertical/wing.gif)  -40px 0px no-repeat;
}




.vertical .seatInfoPopup.up {
bottom: 30px;
}
.vertical .seatInfoPopup.down {
top: 30px;
}

.vertical .seatInfoPopup.rightSide {
right: -30px;
}
.vertical .seatInfoPopup.leftSide {
left: -30px;
}

.vertical .seatInfoPopup.up:before {
display: none;
}
.vertical .seatInfoPopup.up:after {
content: "";
position: absolute;
bottom: -10px;

border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #616161;
border-bottom: 0px solid transparent;
}

.vertical .seatInfoPopup.down:before {
content: "";
position: absolute;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 0px solid transparent;
border-bottom: 10px solid #616161;
}
.vertical .seatInfoPopup.down:after {
display: none;
}

.vertical .seatInfoPopup.rightSide:before, .vertical .seatInfoPopup.rightSide:after {
right: 30px;
}
.vertical .seatInfoPopup.leftSide:before, .vertical .seatInfoPopup.leftSide:after {
left: 30px
}

.vertical .seatInfoPopup .popupArrow {
display: inline-block;
width: 0px;
height: 0px;
bottom: 5px;
position: relative;
}
.vertical .seatInfoPopup.down .popupArrow {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #616161;
}
.vertical .seatInfoPopup.up .popupArrow {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #616161;
}

.vertical .icon-seatmap-exit-left:before, .vertical .icon-seatmap-exit-right:before {
position: relative;
z-index: 99999;
}



.checkbox{
padding: 11px 10px 11px 30px;
margin: 0;
background-color: #f8f8f8;
border: 1px solid #bcbcbc;
border-top: 0px;
text-align: left;
}

.availability-filters input[type=checkbox] + label {
padding-left: 10px;
display: inline-block;
}

.availability-filters input[type=checkbox] + label:before {
font-family: 'ADC-icons';
cursor: pointer;
content: "";
display: inline-block;
border: 1px solid #bcbcbc;
width: 20px;
height: 20px;
vertical-align: middle;
margin: -3px 10px 0 -30px;
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.availability-filters input[type=checkbox] + label:focus:before {
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.75), 0 0 15px rgba(102, 175, 233, 1);
border: 1px solid;
}

.availability-filters input[type=checkbox] {
cursor: pointer;
}

input[type=checkbox]:checked + label {
font-weight: 700;
}

.availability-filters input[type=checkbox]:checked + label:before {
content: "\f00c";
}

.availability-filters input[type=checkbox] + label:before {
color: #005eb8;
background-color: #f8f8f8;
line-height: 18px;
text-align: center;
}

.availability-filters input[type=checkbox]:focus + label:before {
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.75), 0 0 15px rgba(102, 175, 233, 1);
border: 1px solid;
}

.filter-container .header-text-filter {
display: block;
cursor: pointer;
text-align: left;
font-weight: bold;
}

.bound-table-actionbar{
margin:0.5em 0;
}

.bound-table-panel-filter-icon {
position: absolute;
right: 10px;
top: 13px;
}

.vertical .uicEmptySquare.uicSquare {
background-color: #f8f8f8;
}

.vertical tr:first-child, .vertical tr:last-child {
background-color: #f8f8f8;
}

.btn-default-filter{
font-weight: 900;
text-align:left;
width:100%;
}

.filter-indicator .icon-trash {
color: #3f3f3f;
}

.filter-indicator .icon-trash:hover {
color: #767676;
}

.filter-indicator i {
margin: 0 5px;
}

.header-text-filter {
margin-right:20px;
}

.filter-indicator-container{
position: relative;
display: block;
}

.filter-indicator{
color: #056ccf ;
font-weight: 900;
display: inline-block;
line-height: 27px;
padding: 5px 0;
}

.bound-table-panel-filter .btn-default {
width: 100%;
box-shadow: none;
}

.bound-table-panel-filter .btn-expand{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: '';
background-image: url("https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/plnextv2/resources/img/corner.png");
background-repeat: no-repeat;
background-position: right bottom;
}

.bound-table-filters-container{
background-color:#FFFFFF;
z-index: 999991;
position:absolute;
margin-top: 0;
}

.filters-panel-btn{
float:right;
margin-bottom:10px;
}

.filters-panel-btn i{
margin-right: 10px;
}

.panel-heading-filter {
position: absolute;
left: 0;
height: 44px;
z-index: 999;
padding: 12px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none;
line-height: 18px;
text-align: left;
}

.filter-container{
background-color:#dfdfdf;
transition: background-color 350ms ease-in-out;
border: 1px solid #bcbcbc;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
z-index: 999992;
position: relative;
}

.filter-container:hover{
background-color: #f8f8f8;
}

.filters-panel-action-btn{
background:#f8f8f8;
padding-top: 10px;
}

.filter-button {
position: absolute;
width: 100px;
height:20px;
background: ;
}

.shortcut-container {
clear:both;
min-height:44px;
padding: 12px 10px;
}

.shortcut-container label {
margin-bottom: 0;
}

.shortcut-container>* {
z-index: 12;
}

.icon-filter, .header-text-filter, .shortcut {
position: relative;
zoom:1;
display:inline;
}

.shortcut {
position: relative;
width:10px;
height: 10px;
background: #005eb8;
}

.filter {
padding: 10px;
margin-bottom: 0;
}

.panel-heading-filter:hover{
cursor:pointer;
}

.filters-panel-btn .btn{
margin-right:20px;
}

.availability-filters .icon-row-filters {
margin-top: 30px;
font-size:300%;
text-align:center;
color:#dfdfdf;
}

.filter-slider, .filter-switch {
padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
}

.bound-table-actionbar .form-group > select{
padding-right: 0;
-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 1px rgba(0, 0, 0, .2);
}

.bound-table-actionbar .feedback-no-label.icon-sort{
color: #3f3f3f;
}

.vertical .bound-table-filter {
z-index: 999992;
}

.availability-form-control option {
text-transform:capitalize;
}

.filter, .filter-row{padding: 0;}

.filter-result {
padding: 13px 10px 11px 10px;
background-color: #FFFFFF;
border: solid 1px #bcbcbc;
border-top: 0px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
text-align: left;
}

.availability-filters .filter-result { box-shadow: none; }

.vertical .filter .btn-close-filter {
color: #3f3f3f;
font-weight: bold;
border: 1px solid #bcbcbc;
border-top: 0px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.filter-result button {
width: auto; margin-top: -8px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.filter-row .checkbox, .filter-row .btn-close-filter {
min-height: 44px;
}

.filter-row .checkbox {
padding: 11px 10px 11px 30px;
}

.overlay-filter {
position: absolute;
height: 100%;
width: 100%;
background: none;
-webkit-transition: z-index 0.5s step-end, background 1s;
transition: z-index 0.5s step-end, background 1s;
opacity: 0.3;
z-index: -1;
}


.overlay-filter.overlay-active {
background: #000000;
z-index: 999991;
-webkit-transition: z-index 0.5s step-start, background 1s;
transition: z-index 0.5s step-start, background 1s;
}




@media screen and (min-width: 768px) {
.vertical .filter-container .shortcut-container {
padding-left: 20px;
}

.bound-table-panel-filter-icon {
right: 20px;
}

.filter-result {
padding: 13px 20px 11px 20px;
}

.filter-row .checkbox {
padding: 11px 20px 11px 40px;
}
}



.xLDI {
background: #fff url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/ariatemplates/aria/css/atskin/imgs/loading.gif) no-repeat center center;_background-image: url(https://wftc1.e-travel.com/plnext/default/plnext_git_17.9_prod.24_290917/static/ariatemplates/aria/css/atskin/imgs/loading.gif) !important;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;

}

.xOverlay {
background-color: #ddd;

filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

border: 1px solid black;


border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}



.xWidget {
position: relative;
display: inline-block;
vertical-align: middle;
}


.xWidget textarea,
.xWidget select,
.xWidget input,
.xWidget button,
.xWidget table {

}
 a {

}
 a:link {

}
 a:visited {

}
 a:hover {

}
 a:focus {

}


.xWidget.xBlock, .xBlock, .xWidget.xFullWidth {
display: block;
}


.xDialogMask {

width:100%;
height:100%;
background-color: black;

filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

}

.xFrameContent {
display: inline-block;
position:relative;
padding: 0 !important;
border: 0 !important;
}

.xFixedHeightFrame_w {
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
}
.xFixedHeightFrame_bme {
display: inline-block;
vertical-align: middle;
}
.xSimpleFrame {
display: inline-block;
position: relative;
}


*:focus {
outline-width: 0;
}


.xWidget.xFullWidth .xSimpleFrame {
display: block;
width: auto !important;
}
.xWidget.xFullWidth .xFixedHeightFrame_w {
display: block;
}
.xWidget.xFullWidth .xFixedHeightFrame_w .xFrameContent {
width: 100% !important;
}

.xFloatLabelRight {
float: right;
}
.xFloatLabelLeft {
float: left;
}

.xSROnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
outline: none;
}


/**
plnextv2.utils.widgets.plnextLib.modalDialog.style.ModalDialogStyle
**/

.dialog {
-moz-box-shadow: 0 0 5px 5px #3f3f3f;
-webkit-box-shadow: 0 0 5px 5px #3f3f3f;
box-shadow: 0 0 5px 5px #3f3f3f;
background-color: #f8f8f8;

position:fixed;
}

.dialog-header {
border-bottom: solid thin #dfdfdf;
display:table;
padding: 5px;
width: 100%;
}

.dialog-header-container {
display: table;
width: 100%;
}

.dialog-title {
display:table-cell;
text-align: left;
margin:0;
padding:0;
vertical-align: middle;
}

.dialog-close-button {
display:table-cell;
text-align: right;
vertical-align: top;
cursor:pointer;
width:1%;
}

.dialog-content {
overflow: auto;
display:inline-block;
}

.dialog-mask {
background-color : #000000;
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
}

.dialog.dialog-hide {
visibility : hidden;
}

.dialog.dialog-show {
visibility : visible;
}

.dialog-close{
width :1.7em;
float :right;
background :none;
border :none;
}

.dialog-footer {
display: table;
width: 100%;
}
.dialog-footer-close-button {
float: right;
}



.plnext-modal-dialog {

position: fixed;
top: 0;

bottom: 0;

height: 100%;

left: 10px;
right: 10px;
}

.plnext-modal-dialog.dialog-hide {
visibility : hidden;
}

.plnext-modal-dialog.dialog-show {
visibility : visible;
}

.plnext-modal-dialog .dialog-content {
padding: 20px;

position: relative;
display:block;
margin: auto;
max-width: 500px;

top: 50%;
transform: translateY(-50%);
}

.plnext-modal-dialog h2 {
font-weight: 700;
}

.plnext-modal-dialog .btn {
margin-right: .5em;
}

@media (max-width: 479px) {
.plnext-modal-dialog .btn,
.plnext-modal-dialog .plnext-widget-btn.btn-primary {
width: 100%;
margin-right: 0;
}
}

/**
plnextv2.utils.widgets.plnextLib.dialog.style.DialogStyle
**/

.dialog {
-moz-box-shadow: 0 0 5px 5px #3f3f3f;
-webkit-box-shadow: 0 0 5px 5px #3f3f3f;
box-shadow: 0 0 5px 5px #3f3f3f;
background-color: #f8f8f8;

position:fixed;
}

.dialog-header {
border-bottom: solid thin #dfdfdf;
display:table;
padding: 5px;
width: 100%;
}

.dialog-header-container {
display: table;
width: 100%;
}

.dialog-title {
display:table-cell;
text-align: left;
margin:0;
padding:0;
vertical-align: middle;
}

.dialog-close-button {

display:table-cell;
text-align: right;
vertical-align: top;
cursor:pointer;
width:1%;
}

.dialog-content {
overflow: auto;
display:inline-block;
}

.dialog-mask {
background-color : #000000;
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
}

.dialog.dialog-hide {
visibility : hidden;
}

.dialog.dialog-show {
visibility : visible;
}

.dialog-close{
width :1.7em;
float :right;
background :none;
border :none;
}

.dialog-footer {
display: table;
width: 100%;
}
.dialog-footer-close-button {
float: right;
}


/**
plnextv2.utils.widgets.plnextLib.button.style.ButtonCss
**/




button.btn.plnext-widget-btn {
width: auto;
max-width: 100%;
white-space: normal;
word-break: break-word;
}

button.btn.plnext-widget-btn > * {

display: table-cell;
float: none;
vertical-align: middle;
white-space: normal;
word-break: break-word;
}

button.btn.plnext-widget-btn > span {
max-width: 100%;
padding: 0;
text-align: left;
}

button.btn.plnext-widget-btn  i.icon-large{
font-size : 130%;
}

html[dir="ltr"] .btn > span.plnext-widget-btn-text::first-letter {
text-transform: capitalize;
}



button.btn.plnext-widget-btn.btn-primary .padding-left{
padding-left: 20px;
}

button.btn.plnext-widget-btn.btn-primary .padding-right{
padding-right: 20px;
}

button.btn.plnext-widget-btn.btn-primary {
padding: 10px 20px;
font-size: 16px;
font-weight: 900;
}

button.btn.plnext-widget-btn.btn-primary > span {
text-transform: uppercase;
}




button.btn.plnext-widget-btn.btn-primary.small-primary {
font-size: 14px;
padding: 6px 10px;
}

button.btn.plnext-widget-btn.btn-primary.small-primary > span {
text-transform: lowercase;
}

button.btn.plnext-widget-btn.btn-primary.small-primary > span::first-letter {
text-transform: uppercase;
}

button.btn.plnext-widget-btn.btn-primary.small-primary .padding-right {
padding-right: 5px;
}

button.btn.plnext-widget-btn.btn-primary.small-primary .padding-left {
padding-left: 5px;
}


@media (max-width: 479px){
button.btn.plnext-widget-btn.btn-primary.small-primary {
display: inline-block;
width: 100%;
text-align: center;
}

button.btn.plnext-widget-btn.btn-primary.small-primary > * {
display: inline-block;
margin: 0;
}

button.btn.plnext-widget-btn.btn-primary.small-primary > span {
width: auto;
text-align: center;
}

}




@media (max-width: 479px){
button.btn.plnext-widget-btn.btn-primary > span, plnext-widget-btn.btn-primary {
width: 100%;
}
}




@media (min-width: 480px) {
button.btn.plnext-widget-btn.btn-primary > span, .plnext-widget-btn.btn-primary {
width: auto;
}
}




@media (max-width: 479px){

button.btn.plnext-widget-btn.btn-default,
button.btn.plnext-widget-btn.btn-secondary,
button.btn.plnext-widget-btn.btn-tertiary {
display: inline-block;
width: 100%;
text-align: center;
}

button.btn.plnext-widget-btn.btn-default > *,
button.btn.plnext-widget-btn.btn-secondary > *,
button.btn.plnext-widget-btn.btn-tertiary > * {
display: inline-block;
}

button.btn.plnext-widget-btn.btn-primary.small-primary > span,
button.btn.plnext-widget-btn.btn-default > span,
button.btn.plnext-widget-btn.btn-secondary > span,
button.btn.plnext-widget-btn.btn-tertiary > span {
width: auto;
text-align: center;
}
}





button.btn.plnext-widget-btn.btn-default .padding-left, button.btn.plnext-widget-btn.btn-secondary .padding-left,
button.btn.plnext-widget-btn.btn-tertiary .padding-left {
padding-left: 5px;
}

button.btn.plnext-widget-btn.btn-default > span, button.btn.plnext-widget-btn.btn-secondary > span,
button.btn.plnext-widget-btn.btn-tertiary > span {
text-transform: lowercase;
}

html[dir="ltr"] button.btn.plnext-widget-btn.btn-default > span::first-letter,
html[dir="ltr"] button.btn.plnext-widget-btn.btn-secondary > span::first-letter,
html[dir="ltr"] button.btn.plnext-widget-btn.btn-tertiary > span::first-letter {
text-transform: uppercase;

}

button.btn.plnext-widget-btn.btn-default .padding-right, button.btn.plnext-widget-btn.btn-secondary .padding-right,
button.btn.plnext-widget-btn.btn-tertiary .padding-right {
padding-right: 5px;
}

button.btn.plnext-widget-btn.btn-default, button.btn.plnext-widget-btn.btn-secondary,
button.btn.plnext-widget-btn.btn-tertiary {
padding: 6px 15px;
}

.plnext-widget-btn.btn.btn-primary.text-centered,
.plnext-widget-btn.btn.btn-primary.text-centered > span {
text-align: center;
}

button.plnext-widget-btn.btn.btn-secondary.btn-cancel.section-dialog-btn.section-dialog-btn-cancel,
button.btn.plnext-widget-btn.btn-default.btn-big, button.btn.plnext-widget-btn.btn-secondary.btn-big,
button.btn.plnext-widget-btn.btn-tertiary.btn-big {
padding: 10px 20px;
font-size: 16px;
}

@media (max-width: 767px) {
.plnext-widget-btn.btn.btn-primary.text-centered,
.plnext-widget-btn.btn.btn-primary.text-centered > span {
text-align: left;
}
}

.plnext-widget-btn.btn.btn-primary.text-centered .plnext-widget-btn-text.no-icons {
width: 100%;
}

.plnext-widget-btn.btn.btn-primary.grey-button,
.plnext-widget-btn.btn.btn-primary.grey-button:hover {
background-color: #ddd;
border-color: #ddd;
color: #3f3f3f;
}


button.plnext-widget-btn.btn.btn-primary i, button.plnext-widget-btn.btn.btn-secondary i,
button.plnext-widget-btn.btn.btn-tertiary i, button.plnext-widget-btn.btn.btn-default i {
padding-right: 0;
}

button.plnext-widget-btn.btn-primary i + span + i, button.plnext-widget-btn.btn-secondary i,
button.plnext-widget-btn.btn-tertiary i, button.plnext-widget-btn.btn-default i {
padding: 0;
}

/**
plnextv2.utils.widgets.plnextLib.summaryDialog.style.TripSummaryDialogStyle
**/

.trip-summary-dialog {
background-color: #f8f8f8;
visibility : visible;
animation: trip-summary-slide 0.5s forwards;
overflow:visible;
-webkit-animation: trip-summary-slide 0.5s forwards;
border-bottom: 1px solid #333;
border-right: 300px solid #f8f8f8;
box-shadow: 5px 5px 15px #333;
box-sizing: content-box;
border-right:0\9;
margin-left:9%;
}

.sliding-panel-content {
overflow: auto;
padding: 20px 0 10px 20px;
}

.sliding-panel-mask {
background-color : #000;
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
animation: fadein 0.5s forwards;
-webkit-animation: fadein 0.5s forwards;
}

@keyframes fadein {
from { opacity: 0; }
to   { opacity: 0.65; }
}

@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 0.65; }
}

@keyframes trip-summary-slide {
from {
margin-left: 50%;
width: 101%;
}

to {
margin-left: 9%;
width: 100%;
}
}

@-webkit-keyframes trip-summary-slide {
from {
margin-left: 50%;
width: 101%;
}

to {
margin-left: 9%;
width: 100%;
}
}

/**
plnextv2.utils.widgets.plnextLib.message.style.MessageStyle
**/


.plnext-message .message-close-button{
color: #616161;
display:table-cell;
text-align: right;
vertical-align: top;
cursor:pointer;
width:1%;
}

.message-hide {
display : none;
}

.plnext-message {
padding:20px;
width:100%;
color:#3f3f3f;
}

.plnext-message .alert-icon{
float:left;
font-size:42px;
}

.plnext-message .alert-icon-danger, .plnext-message-danger .alert-title,
.plnext-message .alert-icon-warning, .plnext-message-warning .alert-title {
color:#ce0058;
}

.plnext-message .alert-icon-info {
color:#dfdfdf;
}

.plnext-message-info .alert-title {
color:#3f3f3f;
}

.plnext-message > .alert-title {
margin:0 0 0px 20px;
font-size:18px;
font-family: "Roboto Black";
display:inline-block;
line-height:42px;
}

.plnext-message .content{
margin-left:62px;
}



@media only screen and (max-width: 767px){

.plnext-message .alert-icon{
float:none;
display:inline-block;
vertical-align: middle;
}

.plnext-message {
text-align: center;
}

.plnext-message .content{
text-align: left;
margin:10px 0 0 0;
}

}